<!--
  @created by panglinxia on 2020-4-1 16:00:41
  @updated by
  @description 登录页面
-->
<div class="yu-login">
  <div class="yu-login-center">
    <div class="yu-center-left">
      <img src="themes/common/images/login_use.svg" />
    </div>
    <div class="yu-center-right">
      <div class="yu-center-logo">
        <!-- <img :src="'themes/lang/' + language + '/images/pic_00.png' " /> -->
		<img src="themes/common/images/zxindex_logo.png" />
        <h3> 大数据中心统一调度平台</h3>
      </div>
      <ul class="yu-login-form">
        <li>
          <input id="username" type="text" :placeholder="$t('login.yhm')"  @keyup.enter="submitFn" ref="username" v-model="username" />
          <i class="yu-icon-user"></i>
        </li>
        <li>
          <input id="password" type="password" :placeholder="$t('login.mm')" @keyup.enter="submitFn" value="admin" :placeholder="$t('login.mm')" ref="password"
            v-model="password" />
          <i class="yu-icon-lock"></i>
        </li>
        <li style="margin-top: 60px">
          <button id="submitBtn" type="button" :value="$t('login.dl')" @click="submitFn">{{ $t('login.dl') }}</button>
        </li>
        <li>
          <span class="yu-login-msg" style="display: inline-block;line-height: 22px;" id="msg" v-show="msgShow">
            <i class="el-icon-yx-warning"></i>{{message}}</span>
        </li>
      </ul>
    </div>
  </div>
  <div id="versionInfo" class="yu-bottomBar"></div>
  <div>
    <el-dialog-x :title="$t('login.scdlmmxg')" :visible.sync="dialogVisible">
      <el-form-x ref="passwdform" :group-fields="passwdFields" :buttons="buttons" label-width="80px"></el-form-x>
    </el-dialog-x>
  </div>
</div>